import Vue from 'vue'
import App from './App.vue'
// import Vant from 'vant';
// import 'vant/lib/index.css'; // 引入Vant组件相关的样式
// Vue.use(Vant); // 内部全局Vant组件注册

// import Button from 'vant/lib/button';
// import 'vant/lib/button/style';
// // Button.name -> 拿到的是组件export default {name: 'van-button'}
// Vue.component(Button.name, Button)
// // 相当于Vue.component('van-button', Button)

import { Button } from 'vant'
Vue.use(Button)
// 注意: 只要修改了配置文件就需要重启webpack开发服务器
// 注意: 全都引入一次性注册, 不要在babel.config.js里写按需配置

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

// npm/yarn管理的文件夹项目分2种情况
// 情况1: 整个文件夹是一个 "工具包" -> package.json里包名和版本(version)非常重要
// 因为你要发布到npm网上, 包名不能和别人重名, 别人可以下载你的工具包
// 情况2: 整个文件夹是一个 "项目" -> package.json里包名和版本随意
// 最重要的就是记录了当前工程下载了哪些第三方包(依赖项)
// 情况2: 在启动前, 要注意: 是否拥有node_modules(第三方包文件夹)
// 如果没有, 在当前文件夹终端下, 敲击 yarn 或者 npm i 
// 默认找当前敲命令时的文件夹下的package.json, 下载里面记录的包
// yarn概念: yarn是取代npm, 在node环境下的 包管理器

// 使用组件4步:
// 复习: 创建组件, 引入组件, 注册组件, 使用组件
// 使用Vant组件库:
// 下载的vant包里 (创建好了组件)
// main.js->文档3种方式, 就是在教我们引入组件和注册组件
// 方式1: 自动按需引入 (步骤请看文档), 推荐使用(以后我们用)
// 方式2: 手动按需引入 (代码量多, 每个都得写3-4行代码, 路径写起来超级麻烦)
// 方式3: 全都引入注册 (性能不高)

